<!-- 头部 -->
<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <base href="/guguanjia/">
        <meta charset="utf-8"/>
        <meta name="renderer" content="webkit">

        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <title>固管家服务平台</title>

        <meta name="description" content="index"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>

        <!-- bootstrap & fontawesome -->
        <link rel="stylesheet" href="static/bootstrap/bootstrap.min.css"/>
        <link rel="stylesheet" href="static/css/font-awesome.min.css"/>

        <link rel="stylesheet" href="static/chosen/chosen.min.css"/>

        <!-- ace styles -->
        <link rel="stylesheet" href="static/ace/css/ace.min.css" id="main-ace-style"/>

        <!--[if lte IE 9]>
        <link rel="stylesheet" href="static/ace/css/ace-part2.min.css"/>
        <![endif]-->
        <link rel="stylesheet" href="static/ace/css/ace-skins.min.css"/>
        <link rel="stylesheet" href="static/ace/css/ace-rtl.min.css"/>

        <!--[if lte IE 9]>
        <link rel="stylesheet" href="static/ace/css/ace-ie.min.css"/>
        <![endif]-->

        <link rel="stylesheet" href="static/ztree/metro.css"/>
        <link rel="stylesheet" href="static/validate/css/validform.css"/>
        <link rel="stylesheet" href="static/css/custom.css"/>

        <!--[if !IE]> -->
        <script src="static/jquery/jquery.js"></script>
        <!-- <![endif]-->

        <!--[if IE]>
        <script src="static/jquery/jquery-1.11.1.min.js"></script>
        <![endif]-->


        <!-- ace settings handler -->
        <script src="static/ace/js/ace-extra.min.js"></script>

        <!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

        <!--[if lte IE 8]>
        <script src="static/bootstrap/html5shiv.min.js"></script>
        <script src="static/bootstrap/respond.min.js"></script>
        <script>var ie8 = "ie8";</script>
        <![endif]-->
    </head>

    <body class="no-skin" id="body-content">
        <!-- 顶部条 -->

        <!-- 主体 -->
        <div class="main-container" id="main-container">


            <div class="main-content">
                <div class="breadcrumbs" id="breadcrumbs">


                    <ul class="tab" id="breadcrumb">

                    </ul><!-- /.breadcrumb -->
                    <div id="tab-menu">
                        <ul class="dropdown-menu dropdown-caret" style="min-width: 0px;">
                            <li>
                                <a href="javascript:void(0);" data-right-menu="all_close">全部关闭</a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" data-right-menu="other_close">关闭其他</a>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="page-content">

                    <!-- /.ace-settings-container -->
                    <div class="page-header">
                        <h1>{{menu.name}}</h1>
                    </div>
                    <div class="row">
                        <div class="col-xs-12">
                            <div id="fill-main-content" style="height:100%">
                                <div class="xuboxPageHtml" id="xboxTest" style="overflow-y: auto; height: 368px;">


                                    <div class="layer">
                                        <form name="FormPost" id="menu-save" class="FormGrid" method="post"
                                              action="menu/save">

                                            <input type="hidden" value="233" name="id">
                                            <input type="hidden" value="0," name="parentIds">
                                            <input type="hidden" value="0,232," name="oldParentIds">

                                            <table class="EditTable" width="100%">
                                                <tbody>
                                                    <tr style="display: none;">
                                                        <td class="ui-state-error" id="FormError"></td>
                                                    </tr>
                                                    <tr class="FormData">
                                                        <td class="CaptionTD">菜单名称</td>
                                                        <td class="DataTD width-100">
                                                            <input type="text" name="name" v-model="menu.name">
                                                        </td>
                                                    </tr>
                                                    <tr class="FormData">
                                                        <td class="CaptionTD">菜单链接</td>
                                                        <td class="DataTD">
                                                            <span class="red" style="width:30%">/guguanjia/</span>
                                                            <input type="text" style="width:58%" id="name" name="url"v-model="menu.url" >
                                                        </td>
                                                    </tr>
                                                    <tr class="FormData">
                                                        <td class="CaptionTD">父级菜单</td>
                                                        <td class="DataTD">

                                                            <div class="clearfix width-100  input-group" style="">
                                                                <input class="form-control search-query" type="text"
                                                                       readonly="" id="treeselectname" name=""
                                                                       value="业务管理">
                                                                <span class="input-group-btn">
                                                                    <span class="btn btn-purple btn-sm" type="button"
                                                                          style="height: 34px;" data-title="请选择" data-width="350px"
                                                                          data-height="400px">
                                                                        <i class="ace-icon fa fa-search bigger-110"></i>
                                                                        <a href="menu-select.html">查找</a>
                                                                    </span>
                                                                </span>
                                                                <input type="hidden" name="parentId" id="treeselectid"
                                                                       value="232">
                                                            </div>

                                                        </td>
                                                    </tr>
                                                    <tr class="FormData">
                                                        <td class="CaptionTD">菜单类型</td>
                                                        <td class="DataTD">
                                                            <div class="radio inline">
                                                                <label>
                                                                    <input name="type" type="radio" class="ace"
                                                                           checked="" value="0">
                                                                    <span class="lbl">菜单资源</span>
                                                                </label>
                                                            </div>
                                                            <div class="radio inline">
                                                                <label>
                                                                    <input name="type" type="radio" class="ace"
                                                                           value="1">
                                                                    <span class="lbl">按钮资源</span>
                                                                </label>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr class="FormData">
                                                        <td class="CaptionTD">权限类型</td>
                                                        <td class="DataTD">
                                                            <div class="radio inline">
                                                                <label>
                                                                    <input name="common" type="radio" class="ace"
                                                                           checked="" value="0">
                                                                    <span class="lbl">权限资源</span>
                                                                </label>
                                                            </div>
                                                            <div class="radio inline">
                                                                <label>
                                                                    <input name="common" type="radio" class="ace"
                                                                           value="1">
                                                                    <span class="lbl">公共资源</span>
                                                                </label>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr class="FormData">
                                                        <td class="CaptionTD">菜单图标</td>
                                                        <td class="DataTD">
                                                            <div class="width-100 clearfix ">
                                                                <input type="hidden" value="fa fa-smile-o" name="icon"
                                                                       id="icon-input" v-model="menu.icon">
                                                                <i class="ace-icon  bigger-200 pink" :class="menu.icon"
                                                                   style="vertical-align: middle;padding-right: 10px;"></i>
                                                                <span class="btn btn-sm btn-purple" id="icon-icon-btn" @click="toModules()">
                                                                    <i class="ace-icon fa fa-search bigger-110"></i>查找
                                                                </span>
                                                            </div>


                                                        </td>
                                                    </tr>
                                                    <tr class="FormData">
                                                        <td class="CaptionTD">菜单序号</td>
                                                        <td class="DataTD">
                                                            <input class="FormElement" id="id_g" type="text" name="sort"
                                                                   v-model="menu.sort">
                                                        </td>
                                                    </tr>
                                                    <tr class="FormData">
                                                        <td class="CaptionTD">使用状态</td>
                                                        <td class="DataTD">
                                                            <div class="radio inline">
                                                                <label>
                                                                    <input name="status" type="radio" class="ace"
                                                                           checked="" value="0">
                                                                    <span class="lbl">正常</span>
                                                                </label>
                                                            </div>
                                                            <div class="radio inline">
                                                                <label>
                                                                    <input name="status" type="radio" class="ace"
                                                                           value="1">
                                                                    <span class="lbl">禁用</span>
                                                                </label>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr class="FormData">
                                                        <td class="CaptionTD">菜单描述</td>
                                                        <td class="DataTD">
                                                            <textarea name="description"
                                                                      class="autosize-transition form-control "
                                                                      style="resize: none; overflow: hidden; word-wrap: break-word; height: 52px;"></textarea>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </form>
                                    </div>

                                    <div class="width-100 clearfix" tag-save-btn=""
                                         style="bottom: -36px; left: 0px; position: absolute;">
                                        <span class="btn btn-primary btn-sm bigger-110 width-50  pull-left"
                                              id="menu-save-save" @click="doUpdate()">
                                            <i class="ace-icon fa fa-floppy-o align-top bigger-125"></i>
                                            确 定
                                        </span>
                                        <span class="btn btn-yellow btn-sm bigger-110 width-50 pull-right"
                                              id="menu-save-cancel">
                                            <i class="ace-icon fa fa-times align-top  bigger-125"></i>
                                            取 消
                                        </span>
                                    </div>

                                </div>
                            </div>

                        </div>
                    </div>
                </div><!-- /.page-content -->

            </div><!-- /.main-content -->

            <a href="javascript:void(0);" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse"
               style="z-index:1111">
                <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
            </a>
        </div><!-- /.main-container -->

        <!-- 底部 -->
        <!-- basic scripts -->

        <!--[if !IE]> -->
        <script src="static/jquery/jquery.js"></script>
        <!-- <![endif]-->

        <!--[if IE]>
        <script src="static/jquery/jquery-1.11.1.min.js"></script>
        <![endif]-->

        <script type="text/javascript">
            if ('ontouchstart' in document.documentElement) document.write("<script src='static/jquery.mobile.custom.min.js'>" + "<" + "/script>");
        </script>
        <script src="static/bootstrap/bootstrap.min.js"></script>

        <!-- ace scripts -->
        <script src="static/ace/js/ace-elements.min.js"></script>
        <script src="static/ace/js/ace.min.js"></script>


        <!-- 引入其他js -->
        <script src="static/js/history.js"></script>
        <script type="text/javascript" src="static/layer/layer.js"></script>
        <script type="text/javascript" src="static/js/spin.min.js"></script>
        <script type="text/javascript" src="static/ztree/jquery.ztree.all-3.5.min.js"></script>
        <script type="text/javascript" src="static/js/jquery.autosize.min.js"></script>
        <script type="text/javascript" src="static/chosen/chosen.jquery.min.js"></script>
        <script type="text/javascript" src="static/validate/Validform_v5.3.2_min.js"></script>
        <script type="text/javascript" src="static/js/jquery.form.js"></script>
        <script type="text/javascript" src="static/js/bootstrap-contextmenu.js"></script>
        <script type="text/javascript" src="static/js/jquery.nicescroll.min.js"></script>
        <script type="text/javascript" src="static/js/public.js"></script>

        <script type="text/javascript" src="static/vue/vue.js"></script>
        <script type="text/javascript" src="static/vue/axios.js"></script>
        <script type="text/javascript" src="static/js/menu/update.js"></script>


    </body>
</html>
